<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>gift</title>

    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/gift/left-top.css" />
    <link rel="stylesheet" href="css/gift/input.css" />
    <link rel="stylesheet" href="css/gift/index.css" />

    <link rel="stylesheet" href="dist/pageSwitch.min.css">

</head>

<body>
    <div class="left">
        <!--logo和登录注册-->
        <div class="row">
            <div class="col-xs-2">
                <a href="index.php">
                    <img class="logo" src="pic/logo.png" alt="GIFT">
                </a>
            </div>
            <div class="col-xs-3">
                <?php
                ##登陆后页面
                require_once 'function/global.php';
                if (!is_logged()) {
                    echo '<a class="login" data-toggle="modal" data-target="#login">'."登录".'</a>';
                    echo '<h class="division">'."|".'</h>';
                    echo '<a data-toggle="modal" data-target="#register" class="register">'."注册".'</a>';
                }
                if (is_logged()) {
                    $username = get_logged_username();
                    echo '<h class="welcome">'."欢迎您，".'</h>';
                    echo '<a href="creat.html" class="username">'.$username.'</a>';
                    echo '<h class="division">'."|".'</h>';
                    echo '<a href="function/logout.php" class="username">'."注销".'</a>';
                }
                ?>
            </div>
        </div>
        <!--标签-->
        <div class="alltag">
        <div class="tag">
            <div class="row">
                <div class="col-xs-1">
                    <h class="sort-h">
                        性别
                    </h>
                </div>
                <div>
                    <button type="button" class="tally">男生</button>
                    <a style="color:#000" href="labelone.php">
                       <button type="button" class="tally">女生</button> 
                    </a>
                </div>
            </div>
        </div>
        <div class="tag">
            <div class="row">
                <div class="col-xs-1">
                    <h class="sort-h">
                        心理年龄
                    </h>
                </div>
                <div>
                    <button type="button" class="tally">婴幼儿</button>
                    <button type="button" class="tally">少年</button>
                    <button type="button" class="tally">青年</button>
                    <button type="button" class="tally">壮年</button>
                    <button type="button" class="tally">老年</button>
                </div>
            </div>
        </div>
        <div class="tag">
            <div class="row">
                <div class="col-xs-1">
                    <h class="sort-h">
                        TA的标签
                    </h>
                </div>
                <div>
                    <button type="button" class="tally">萌</button>
                    <button type="button" class="tally">活泼</button>
                    <button type="button" class="tally">文艺</button>
                    <button type="button" class="tally">二次元</button>
                    <button type="button" class="tally">文静</button>
                </div>
            </div>
        </div>
        <div class="tag">
            <div class="row">
                <div class="col-xs-1">
                    <h class="sort-h">
                        TA是你的
                    </h>
                </div>
                <div>
                    <button type="button" class="tally">长辈</button>
                    <button type="button" class="tally">爱人</button>
                    <button type="button" class="tally">暗恋对象</button>
                    <button type="button" class="tally">追求对象</button>
                    <button type="button" class="tally">朋友</button>
                    <button type="button" class="tally">同学</button>
                </div>
            </div>
        </div>
        <div class="tag">
            <div class="row">
                <div class="col-xs-1">
                    <h class="sort-h">
                        价位
                    </h>
                </div>
                <div>
                    <button type="button" class="tally">礼轻情意重</button>
                    <button type="button" class="tally">100-1000</button>
                    <button type="button" class="tally">轻奢</button>
                </div>
            </div>
        </div>
        <div class="tag">
            <div class="row">
                <div class="col-xs-1">
                    <h class="sort-h">
                        特殊场合
                    </h>
                </div>
                <div>
                    <button type="button" class="tally">表白</button>
                    <button type="button" class="tally">生日</button>
                    <button type="button" class="tally">纪念日</button>
                    <button type="button" class="tally">新婚</button>
                    <button type="button" class="tally">乔迁</button>
                </div>
            </div>
        </div>
        </div>

        <!-- 筛选出的礼物 -->
            
    </div>
    <!--右边部分-->
    <div class="right">
        <!--右上轮播-->
        <div class="top">
            <div id="container">
                <div class="sections">
                    <div class="section" id="section0"></div>
                    <div class="section" id="section1"></div>
                    <div class="section" id="section2"></div>
                </div>
            </div>
        </div>
        <!--右下-->
        <div class="down">
            <div class="input-group">
                <div class="row">
                    <div class="col-xs-10 col-xs-offset-5">
                        <!--搜索栏-->
                        <div class="input-group search">
                            <input type="text" class="form-control input-in" placeholder="search">
                            <span class="input-group-addon input-search">
                                <a href="list.php">
                                    <span class="glyphicon glyphicon-search pic-search"></span>
                            </a>
                            </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--登录模态框-->
    <div class="modal fade" id="login" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content   modal-add-style">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                </div>
                <!--登录-->
                <form action="function/login.php" method="post" id="login_form">
                    <div class="modal-body">
                        <div class="input-group">
                            <div class="row row-position">
                                <div class="col-xs-4 col-xs-offset-4">
                                    <h class="modal-h">手机号</h>
                                </div>
                                <div class="col-xs-4">
                                    <input type="tel" class="input-in" name="tel" />
                                </div>
                            </div>
                            <div class="row row-position">
                                <div class="col-xs-4 col-xs-offset-4">
                                    <h class="modal-h">密码</h>
                                </div>
                                <div class="col-xs-4">
                                    <input type="password" class="input-in" name="passwd" />
                                </div>
                            </div>
                            <div class="row row-position">
                                <div class="col-xs-offset-10">
                                    <input type="submit" class="btn btn-default btn-sm btn-style" value="登录"/>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <!--注册模态框-->
    <div class="modal fade" id="register" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content   modal-add-style">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                </div>
                <!--注册-->
                <form action="function/register.php" method="post" id="register_form">
                    <div class="input-group">
                        <div class="row row-position">
                            <div class="col-xs-4 col-xs-offset-4">
                                <h class="modal-h">手机号</h>
                            </div>
                            <div class="col-xs-4">
                                <input type="tel" name="tel" class="input-in" />
                            </div>
                        </div>
                        <div class="row row-position">
                            <div class="col-xs-4 col-xs-offset-4">
                                <h class="modal-h">昵称</h>
                            </div>
                            <div class="col-xs-4">
                                <input type="text" name="username" class="input-in" />
                            </div>
                        </div>
                        <div class="row row-position">
                            <div class="col-xs-4 col-xs-offset-4">
                                <h class="modal-h">密码</h>
                            </div>
                            <div class="col-xs-4">
                                <input type="password" name="passwd" class="input-in" />
                            </div>
                        </div>
                        <div class="row row-position">
                            <div class="col-xs-4 col-xs-offset-4">
                                <h class="modal-h">确认密码</h>
                            </div>
                            <div class="col-xs-4">
                                <input type="password" name="passwdagain" class="input-in" />
                            </div>
                        </div>
                        <div class="row row-position">
                            <div class="col-xs-offset-10">
                                <input type="submit" class="btn btn-default btn-sm btn-style" value="注册"/>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
    <script src="dist/pageSwitch.min.js"></script>
    <script>
        $("#container").PageSwitch({
            direction: 'horizontal',
            easing: 'ease-in',
            duration: 1000,
            autoPlay: true,
            loop: 'false'
        });
    </script>
</body>

</html>